/* 籤卦結緣讚  */
/* CSS Document */
/*
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body, .tooltipped{font-family: 'Noto Sans TC', sans-serif;}
*/
/* style */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700');

body, .tooltipped,html,h1,h2,h3,h4,h5,h6,.fs_poetry_w{font-family: Noto Serif TC,Microsoft JhengHei,"微軟正黑體";}

body{background-image: url(../images/bg.png);background-repeat: repeat; letter-spacing: 1px;color: #795548;overflow-x: hidden;}
a {text-decoration: none;outline: none;}
a:hover{color: #FF9800;opacity: 0.8;}
nav .nav-wrapper, .wrapper, .caption {max-width: 1200px;margin: 0 auto;}
nav ,.shadow{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.14)}
nav {background-color: #826054;}
nav ul a { font-size: 17px; }
.dropdown-content {margin-top: 60px;background-color: #fdfdfd;}
.logo{height: 40px;margin-top: 10px;display: inline-block;}
.logo_qiangua{font-size: 20px;position: absolute;top: 0;margin-left: 5px;color: #ceb67d;}
#sidenav-overlay {z-index: 900;}
.row {margin-bottom: 0;}
.row .col {padding: 0;}
.card_bg{background-size: cover;overflow: hidden;}
.gap{margin-top: 20px;}
h5{margin-top: 0px;font-size: 22px;color: #826054;}/*#67b6da藍*/
h6{margin: -5px 0 10px;font-size: 18px;line-height:22px;}
h6, .input_text, .card_list_box_2 p{color: #9c9a9a;}/*灰色字*/
.box_title{font-size: 20px;color: #e4685f;margin-bottom: 10px;}
.teacher_pic{width: 100px;height: 100px;background-size: cover;float: left;border-radius: 50%;border: 3px solid #f1efef;}
.btn, .btn-large {background-color: #826054;-webkit-box-shadow:0 2px 2px 0 rgba(245, 239, 239, 0.14), 0 1px 5px 0 rgba(185, 184, 184, 0.12), 0 3px 1px -2px rgba(156, 154, 154, 0.2);box-shadow: 0 2px 2px 0 rgba(245, 239, 239, 0.14), 0 1px 5px 0 rgba(185, 184, 184, 0.12), 0 3px 1px -2px rgba(156, 154, 154, 0.2)}
.btn:hover, .btn-large:hover,.btn:focus, .btn-large:focus, .btn-floating:focus {background-color: #6b4f45;}
.material-icons {font-size: 20px;margin-right: 3px;}
.scrollup {width: 40px;height: 40px;position: fixed;bottom: 0;right: 10%;display: none;text-indent: -9999px;background: url(../images/gotop.png) no-repeat;background-color: #826054;}
.memo_text{ color:#FF9800; }
.power_btn_bottom{ right:10%;bottom: 45px; }
.alert{padding: 15px 20px;background-color: #FFC107;border-radius: 10px;margin: 10px 0;}
.alert_error{background-color: #dc6961;color: #fff;}
i.right { margin-left: 5px; }
.dropdown-content li>a, .dropdown-content li>span {color: #826054;}
.input-field.col label {left: 0;}
#ifs{clear: both;}

.card-panel, .dropdown-content, .collapsible, .side-nav {
 /* -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
 /* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);}

/*index*/
.i_qiangua_box{width: 60px;display: inline-block;margin-right: 20px;border: 1px solid #dcd8d0;background-color: rgba(255, 255, 255, 0.75);padding: 5px;}
.i_qq_box,.input_box ,.qianshi_input_box {padding: 20px!important;text-align: center;border-radius: 15px;height: 300px;background-color: rgba(255, 255, 255, 0.8);    border: 1px solid rgb(232, 227, 225);margin-right: 10px;}
.i_qq_meihua{text-align: center;width: 150px!important;}
#ifs .input_box {height: 130px;}
.btn_bottom_text{font-size: 14px;text-align: center;color: #FF9800;margin-top: 5px;}
.i_qq_box{ width: 31.8%;float: left; }
#word_input {background-image: url(../images/qiangua/bg_word.gif);background-size: cover;width: 120px;height: 120px;text-align: center;font-size: 100px;color: rgb(229, 57, 53);font-family: '標楷體';position: relative;z-index: 1;margin: 20px auto;}
.i_qianshi_mode a{ width: auto;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;border: 1px solid #c3ab72;padding: 20px 10px;margin: 5px;background-color: #bba05f;color: #fff;border-radius: 2px;letter-spacing: 3px;line-height: 20px;font-size: 16px; }
.i_qianshi_mode a:hover{ background-color: #c3ab72;color: #fff; }
.i_qq_num{  width: 50px;height: 50px;line-height: 40px;font-size: 26px;background-color: #e57974;color: #fff;border-radius: 50px;border: 3px solid #f79f9b;display: inline-block;margin: 0 5px;}
.i_report_more_btn{float: right;margin-top: -10px;}
#i_lunar{ background-color: #fff;padding: 20px;border-radius: 4px;border: 1px solid #f3f2f2;font-size: 16px;clear: both;}
#i_lunar .i_lunar_box{border-left: 1px solid #f5f5f5;padding: 0 20px;}
.i_lunar_box span{display: inline-block;padding-top:5px; }
#i_lunar h5{color: #FF9800;}

/*page*/
.page_title{width: 1050px;margin: 0 auto;}
.card_box{margin-right: 10px;padding: 10px!important;width: 32.39%!important;}
.right_gap{margin-right: -10px;overflow: hidden;clear: both;}
.card_list_box_2{margin-right: 10px;width: 48.85%;display: inline-block;padding: 10px;position: relative;height: 230px;}
.card_list_box_2 p{margin: 0 0 5px;}
.top_cover{height: 180px;background-size: cover;}
.top_cover_subtitle{ margin: 10px 0 10px;font-size: 18px;line-height: 22px;max-width: 800px;}
.pagination{text-align: center;clear: left;}
.input_box{width: 32.33333%;float: left;}
.question{color:#e4685f!important;}
.btn_card_more{position: absolute;right: 10px;bottom: 10px;}
.i_cover{  height: 220px; } 

/*report*/
.step .breadcrumb,.breadcrumb:before {color:#636262;vertical-align: middle;}
.step .active{color:#e4685f}
.report_area{max-width: 800px;}
.collection .collection-item:last-child {border-bottom: 1px solid #e0e0e0;}

/*qianshi*/
.fs_poetry_box{max-width: 100%;}
.fs_poetry_w{border: 2px solid #e2d7bc;padding: 10px;background-color: #E1DACA;background-image: url(../images/qianshi/qianshi_bg.jpg);background-repeat: no-repeat;color: #7F735B;background-size: cover; max-width:300px;width:100%;text-align: center;}
.fs_poetry_w_line{border: 2px solid #A9A395;}
.fs_poetry_w_text{font-size: 26px;-webkit-writing-mode: vertical-lr;/*writing-mode: vertical-rl;*/white-space:nowrap;margin: 30px auto;}
.fs_poetry_w_top {width: 100%;border-bottom: 2px solid #A9A395;padding: 10px;font-size: 24px;}
.qianshi_mode a{width: 12%;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;border: 1px solid #c3ab72;padding: 10px 0;margin: 5px;background-color: #bba05f;color: #fff;border-radius: 2px;letter-spacing: 3px;font-size: 16px;display: inline-grid;}
.qianshi_mode a:hover{background-color: #c3ab72;color: #fff;}
.qianshi_type_more_btn{float: right;margin-top: -50px;}
.qianshi_list_photo{margin-bottom: 20px;width: 20%;float: left;padding-right: 10px;overflow: hidden;height: 400px;}
.btn-floating {font-size: 20px;}
.fs_poetry_box_list{width: 20%;padding-right: 5px;float: left;margin-bottom: 15px;}
.select-wrapper input.select-dropdown{color: #FF9800;}

/*gianshi*/
#gian h6, #demand h6, #report h6, #demand .select_title, #popup h6{font-size: 16px;color:#e4685f;}
.fs_box{margin-bottom: 20px;border-bottom: 1px dashed #cec0bb;padding-bottom: 10px;}
.fs_lang{margin-bottom: 20px;}
.qianshi_view{min-height: 800px;}
.qianshi_view_sidebox_left{float: left;width: 290px;}
.qianshi_view_sidebox_right{float: right;width: 700px;}
.qianshi_view_photo{margin-bottom: 20px;}
.qianshi_input_box{margin: 20px 0 0;}
.join_linebot{margin: 10px auto 10px;padding: 15px 20px;background-color: rgba(230, 229, 227, 0.63);border-radius: 4px;border: 1px dashed #9E9E9E;overflow: hidden;}
.join_linebot_btn{float: right;}
.qiangua_report_qianshi_photo{width: 150px;}

.qianshi_pic{ max-width: 200px;margin: 20px auto; }

.fs_akt100_img_box img{height: 350px;}
.fs_akt100_img_view{max-width: 500px;}

.qianshi_input_box_left{margin-bottom: 30px;}
.qianshi_input_box_left .qianshi_mode a { width: 10%;max-width: 50px;}
.view_case_btn{text-align: center;margin-top: 30px;}
.view_case_btn a{ padding: 6px 16px;border-radius: 20px; border: 1px solid;margin-top: 30px;}

/*qq*/
.select_num{margin-top: 15%;font-size: 20px;}
.qq_num{width: 50px;height: 50px;line-height: 40px;font-size: 26px;background-color: #e57974;color: #fff;margin: 15px auto;border-radius: 50px;border: 3px solid #f79f9b;}

/*demand*/
#demand{padding: 0 10px;}
#demand .breadcrumb {color: rgb(130, 96, 84);}
.form_box{margin-bottom: 20px;}
.form_box h6{margin: 0;}
.form_box .validate{margin-bottom: 5px!important;}
/*.form_box .select-wrapper input.select-dropdown{text-align: center;}*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #9e9e9e;}
::-moz-placeholder { /* Firefox 19+ */color: #9e9e9e;}
:-ms-input-placeholder { /* IE 10+ */color: #9e9e9e;}
:-moz-placeholder { /* Firefox 18- */color: #9e9e9e;}
.stepbystep{padding: 0 0 20px;border-bottom: 1px solid #dcdbdb;margin-bottom: 20px;}
.stepbystep span{ line-height: 16px; }
.word_input2{background-image: url(../images/qiangua/bg_word.gif);background-size: cover;width: 180px;height: 180px;text-align: center;font-size: 120px;color: rgb(229, 57, 53);font-family: 標楷體;position: relative;z-index: 1;margin: 20px auto;}
.word_box_left{background-color: #fff;padding: 20px 10px;}
.demand_amt{font-size: 32px;color:#f00;}
.collection {margin: 0;}
.form_box textarea.materialize-textarea {min-height: 120px;background-color: #fff;margin-top: 5px;padding: 10px;}

/*卜卦*/
.demand_gua_area{ height: auto;overflow: hidden;position: relative;margin: 0 0 30px;background-image: url(../images/gua_box_bg.jpg);background-size: cover;background-position: 50% 50%;border: 1px solid #e1d3a7;padding: 10px;border-radius: 4px;}
.dvn_box_s{text-align: center;font-size: 22px;color: #333;padding-top: 5px;}
.dvn_font{ font-size:80px;border: 1px solid #d2cece;background-color: #fff;padding-bottom: 10px;}
.dvn_font_s{font-size:28px;display: block;margin-top: -20px;}
.dvn_font_updown{border-radius: 40px;text-align: center;font-size: 30px;background-color: rgba(208, 185, 116, 0.63);color: #fff;width: 60px;height: 60px;line-height: 60px;margin: 20px auto;}
.dvn_word{position: absolute;width: 30px;top:40%;font-size: 22px;color: #d5c287;line-height: 40px;background-color: #fff;}
.fs_event_mobile_topmenu{display:none;}/*電腦版隱藏*/

/*report*/
#report{overflow: hidden;}
#report h6{ margin: 10px 0 2px; }
.teacher_ans{ font-size: 14px;padding: 10px 20px;border: 1px dashed #b1afaf;border-radius: 20px;background-color: #f1f1f1;color: #FF9800; }

.chart_div, .piechart{ width: 100%; height: 190px; }
.total_report_list{margin: 5px 0;}
.total_report_mode{font-size: 20px;color: #6c91da;}
.total_report_area{max-width: 220px;margin: 0 auto;}
.total_report_num{font-size: 32px;}
.total_report_subnum{font-size: 18px;}

/*sidebox*/
.sidebox_left_box{background-color: #fff;padding: 10px;margin-bottom: 10px;border: 1px solid #e0e0e0;word-break: break-all;}

/*search*/
.search_area{padding: 10px 20px;border-radius: 4px;border: 1px solid #e0dcdc;margin-bottom: 10px;background: url(../images/top_bg.jpg) 50%;}
.search_result{font-size: 16px;color: #e4685f;background-color: #fff;margin-top: 5px; padding: 5px 15px; border-radius: 30px;float: left;}
i.left {margin-right: 5px;}

/*footer*/
footer{clear: left;padding: 20px 0;margin-top: 20px;border-top: 1px solid #d8d7d7;}

/*送出LOADING遮罩*/
#block{position: fixed;top: 0;left: 0;height: 100%;width: 100%;background-image: url(../images/loading_overlay.png);background-repeat: repeat;z-index: 9999;visibility: hidden;	/*margin-bottom: -20px;*/}
#fm{position: absolute;height: 120px;width: 140px;margin-top: -60px;margin-left: -70px;left: 50%;top: 50%;text-align: center;font-size: 18px;color: #FFF;z-index: 9999;visibility: hidden;padding-top: 20px;-moz-border-radius: 10px; /* Firefox */-webkit-border-radius: 10px!important;; /* Safari, Chrome */-khtml-border-radius: 10px; /* Konqueror */border-radius: 10px!important; /* Opera 10.50 and later (CSS3 standard) */behavior: url(border-radius.htc); /* IE6, IE7, IE8 */background-image: url(../images/loading_overlay_dark.png);background-repeat: repeat;}

/*lightbox*/
#pf-popup-wrap {z-index: 99999;}
.fancybox-slide--iframe .fancybox-content {width  : 950px!important;max-height: calc(100% - 88px);margin: 0;}
#popup{padding: 20px;min-height: 550px;}
.btn_lbox_close{ float: right;width: 40px;height: 40px;text-align: center;background-color: #795548;border-radius: 100%; }
.btn_lbox_close i{ color:#fff;margin-right: 0;line-height: 40px; }
.popup_top{ background-image: url(../images/top_bg.jpg);background-position: 50%; padding:0 20px;}
.popup_top h4{ width:100%; }

.vas_box{ height: auto; margin-bottom: 20px;overflow: hidden;background-color: #EFEEEC; }

/* other */
.top_ad_area {position: relative;padding: 20px;text-align: center;font-size: 18px;}
.top_ad_area::before {opacity: 0.4;left: 0px;top: 0px;background-image: url(../images/top_bg.jpg);width: 100%;height: 100%;background-position: 50% 10%;transform: scaleX(-1);content: ""; position: absolute;background-size: cover;z-index: -1; }

.btn_link_demand {margin-right: 20px;background: #f56161;color: #fff;padding: 5px 15px;border-radius: 20px;}
.btn_link_demand:hover {color:#fff;}

@media screen and (min-width: 767px){
  .search_btn{margin: 10px;}
}

/***  平板  ********************/
@media screen and (max-width: 1366px) and (min-width: 768px){
	/*.fs_poetry_box {width: 33%;}*/
	.input_box {width: 31%;height: auto;}
	.qianshi_mode a {padding: 10px 0;}
	.page_content{padding: 0 20px;}
	.page_title{padding: 0 20px;}
	.qianshi_input_box{width: 100%;}
	.qianshi_view_sidebox_right {width: 68%;}
	.qianshi_view_sidebox_left {width: 270px;}
}
@media screen and (max-width: 360px){
	.qiangua_report_qianshi_photo{width: 100px;}
	.chart_div, .piechart{ width: 280px; height: 190px; }
}
/***  手機   **************/
@media screen and (max-width: 767px){
	.logo{height: 30px;}
	.gap{margin-top: 5px;}
	.i_qiangua_box {width: 50px;margin: 10px;}
	.page_title{padding:0 20px;}
	.page_content{padding: 10px;}
	.right_gap,.card_list_box{margin-right: 0;}
	.card_list_box_2{margin-right: 0px;width: 100%;}
	.top_cover {height: auto;background-position: 50%;}
	.top_cover_subtitle{ font-size: 16px;line-height: 20px; }
	footer{clear: left;text-align: center; padding: 20px 10px;}
	.input_box{width: 100%;margin-bottom: 20px;height: auto;}
	#gua_box .card_bg{background-image: inherit!important;text-align: center;}
	.page_title h4{font-size: 20px;}
	.page_title h6{font-size: 16px;}
	.fs_poetry_box {width: 100%;margin: 0 auto 20px;}
	.fs_poetry_box_list{width: 50%;padding: 0 5px;}
	.qianshi_type_more_btn {float: inherit;margin-top: 0;margin-bottom: 10px;}
	.qianshi_list_photo {width: 50%;height: 350px;}
	.qianshi_view_photo {width: 280px;margin: 0 auto 20px;}
	.qianshi_view_sidebox_right, .qianshi_view_sidebox_left{width: 100%;}
	.fs_poetry_w {margin: 0 auto;width: 230px;}
	.fs_poetry_w_list{ width: 100%; }
	/*.stepbystep .breadcrumb{font-size: 13px;}
	.stepbystep .breadcrumb:before{font-size: 13px;margin: 0;}*/
	.dvn_font_updown {margin: 10px auto;display: inline-block;font-size: 20px; width: 40px;height: 40px;line-height: 40px;}
	.dvn_word {width: 25px;font-size: 16px;background-color: rgba(255, 255, 255, 0.5);}
	.side-nav li.active {background-color: rgba(0, 0, 0, 0.14);}
	.side-nav{ background-image: url(../images/side_nav_bg.jpg);background-size: cover; }
	.i_qq_box { width: 100%;margin: 0 0 15px;height: auto;}
	.qiangua_report_qianshi_photo{width: 120px;}
	.teacher_report_title{padding-left:15px;}
	.power_btn_bottom { right: 10px;bottom: 10px; }
	#report{ padding: 0 10px; }
	.chart_div, .piechart{ width: 300px; height: 190px; }
	.join_linebot_btn{float:inherit;padding: 5px 0}
	.side-nav li>a>i.material-icons,.side-nav li>a>i { float: left!important;margin: 0 ;}
	#i_lunar .i_lunar_box{border-left: initial;padding: 10px 0px!important;border-top: 1px solid #f5f5f5!important;margin-top: 10px;}
	.search_btn {margin: 0px;}
	.search_result{margin-top: -5px;}
	.fancybox-slide--iframe .fancybox-content {width: 100%!important;max-width: calc(100% - 10px)!important;}
	.dropdown-content {margin-top: 50px;}
	.top_ad_area {font-size: 14px;}
}